<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--日期组件-->
<input type="text" name="date" id="date"/>

<!--使用jquery需要引入的依赖-->
<link rel="stylesheet" href="css/themename/jquery-ui.custom.css"/>
<script src="../js/jquery-3.3.1.min.js"></script>
<script src="../js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="../js/jquery-ui.js"></script>

<script>
    <!--日期组件-->
    $("#date").datepicker();
</script>

</body>
</html>